<!DOCTYPE html>
<html lang="en">

<head>
	<!-- Required meta tags -->
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>User Management</title>
	<!-- Bootstrap CSS -->
	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" />
	
	<!-- <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css" rel="stylesheet" /> -->
	<link href="plug/bootstrap-icon-1.9.1/bootstrap-icons.css" rel="stylesheet" type="text/css"/>
	<link href="css/style.css" rel="stylesheet" type="text/css"/>
	
	
</head>
	<body>
		
		<i class="airplane-engines-fill"></i>
		<!-- Navigation Bar-->
		<header id="topnav">
		    <div class="topbar-main">
		        <div class="container-fluid">
		            <!-- Logo container-->
		            <div class="logo">
		                <!-- Image Logo -->
		                <a href="index.html" class="logo">
							<img src="images/profile.png" alt="" width="50px" height="50px" />
		                </a>
						<span style="font-size: 18px;color: white;margin-left: 4px;">
							工聯會醫療服務中心
						</span>
		            </div>
		            <!-- End Logo container-->
					
		            <div class="menu-extras topbar-custom">
		                <ul class="list-inline float-right mb-0">
		                    <!-- Search -->
		                    <li class="list-inline-item dropdown notification-list d-none d-sm-inline-block">
		                        <form role="search" class="app-search">
		                            <div class="form-group mb-0"> 
		                                <input type="text" class="form-control" placeholder="Search..">
		                                <button type="submit"><i class="fa fa-search"></i></button>
		                            </div>
		                        </form> 
		                    </li>
		                    <!-- User-->
		                    <li class="list-inline-item dropdown notification-list">
								<a class="nav-link dropdown-toggle arrow-none waves-effect nav-user" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="true">
									<img src="images/users/user-1.jpg" alt="user" class="rounded-circle">
								</a>
								<div class="dropdown-menu dropdown-menu-right dropdown-menu-animated profile-dropdown" x-placement="bottom-end" style="position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(-116px, 60px, 0px);">
									<a class="dropdown-item" href="#"><i class="mdi mdi-account-circle m-r-5 text-muted"></i>Profile</a>
									<a class="dropdown-item" href="#"><i class="mdi mdi-lock-open-outline m-r-5 text-muted"></i>Lock screen</a>
									<a class="dropdown-item" href="#"><i class="mdi mdi-logout m-r-5 text-muted"></i> Logout</a>
								</div>
							</li>
							 <!-- 退出 -->
							<li class="list-inline-item dropdown notification-list">
								<a class="nav-link dropdown-toggle arrow-none waves-effect" href="javascript:void(0)" >
									<i class="mdi mdi-login-variant noti-icon"></i>
								</a>
							</li>
		                </ul>
		            </div>
		            <!-- end menu-extras -->
		            <div class="clearfix"></div>
		
		        </div> <!-- end container -->
		    </div>
		    <!-- end topbar-main -->
			<!-- MENU Start -->
			<div class="navbar-custom">
				<div class="container-fluid">
					<div id="navigation">
						<!-- Navigation Menu-->
						<ul class="navigation-menu">
							<li class="has-submenu">
								<a href="#"><i class="dripicons-briefcase"></i>System Management</a>
								<ul class="submenu">
									<li class="has-submenu">
										<a href="#"><i class="dripicons-briefcase"></i>User Management</a>
										<ul class="submenu">
											<li>
												<a href="#"><i class="dripicons-briefcase"></i>Show User List</a>
											</li>
											<li>
												<a href="#"><i class="dripicons-briefcase"></i>New User</a>
											</li>
										</ul>
									</li>
									<li><a href="#">Role Management</a></li>
									<li><a href="#">System Parameter</a></li>
								</ul>
							</li>
						</ul>
						<!-- End navigation menu -->
					</div> <!-- end #navigation -->
				</div> <!-- end container -->
			</div> <!-- end navbar-custom -->
		</header>
		<!-- End Navigation Bar-->
		
	</body>
</html>
